page{
  //background-color: #0097ff;
}
.container{
  padding-bottom: 120rpx;
  padding-top:20rpx;
}
/*隐藏*/
.classHide{
  display: none !important;
}
/*top*/
.top{
  background-color: #fff;
  display: flex;
  justify-content: space-between;
  padding: 40rpx 30rpx;
  .top_state{
    font-size: 32rpx;
  }
  .top_tip{
    font-size: 26rpx;
    color:#999;
  }
  image{
    width: 80rpx;
    height: 80rpx;
  }
}
/*header*/
.header{
  position: relative;
  margin: 20rpx 30rpx;
  background-color: #fff;
  border-radius: 20rpx 20rpx 0 0;
  .time_message{
    padding:30rpx;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #f0f0f0;
    border-radius: 20rpx 20rpx 0 0;
    .time_start{
    }
    .time_end{
      display: flex;
      flex-direction: column;
      align-items: flex-end;
    }
    .mouth{
      font-size: 40rpx;
      font-weight: 700;
    }
    .time{
      margin-top: 8rpx;
      font-size: 30rpx;
    }
  }
  .ticket_message{
    padding: 30rpx;
    font-size: 28rpx;
    color:#666;
    view{
      line-height: 50rpx;
    }
    .ticket_svip{
      display: flex;
      .price{
        margin-left: 60rpx;
      }
    }
    .address{
      display: flex;
      justify-content: space-between;
      image{
        width: 40rpx;
        height: 40rpx;
      }
    }
  }

}
/*订单号*/
.order{
  background-color: #fff;
  margin: 20rpx 30rpx;
  font-size: 32rpx;
  padding: 30rpx;
  view{
    line-height: 70rpx;
  }
  .title{
    font-size: 36rpx;
    font-weight: 700;
    margin-bottom: 30rpx;
    .lookUserMes{
      float:right;
      font-size:24rpx;
      font-weight:400;
      color:#0097ff;

    }
  }
  .mes{
    display: flex;
    justify-content: space-between;
    font-size: 30rpx;
    .right{
      color:#999;
      font-size:26rpx;
    }
    textarea{
      height: 100rpx;
    }
  }
  textarea{
    font-size:28rpx;
    width:96%;
    border:1px solid #f0f0f0;
    padding:20rpx 0 20rpx 20rpx;
    border-radius:10rpx;
    min-height:66rpx;
  }

}
/*footer*/
.footer{
  display: flex;
  position: fixed;
  bottom:0;
  left:0;
  width: 100%;
  font-size: 32rpx;
  text-align: center;
  z-index:99;
  border-top: 1px solid #f0f0f0;
  .phone{
    flex: 2;
    font-size: 32rpx;
    color:#000;
    padding: 6rpx 0;
    background-color: #f0f0f0;
  }
  .butUrlDfk{
    flex: 3;
    background-color: #0097ff;
    color:#fff;
    padding-top: 26rpx;
  }
  .refund{
    padding: 32rpx 0;
  }
  .financeBtn{
    background-color: #0097ff;
    color:#fff;
    padding: 26rpx 0;
    width: 100%;
  }
  .depositBtn{
    background-color: #f0f0f0;
    color:#0097ff;
  }
}
/*弹窗*/
.showModel{
  .mask{
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top:0;
    left:0;
    z-index: 999;
  }
  .maskContent{
    width:62%;
    background-color:#fff;
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    z-index:999;
    border-radius:8rpx;
    padding:30rpx 60rpx;
    .title{
      text-align: center;
      font-size: 36rpx;
      color:#000;
      font-weight: 700;
    }
    .price_num{
      font-size: 60rpx;
      border-bottom: 1px solid #f0f0f0;
      display: flex;
      align-items: center;
      margin: 20rpx 0 50rpx;
      input{
        color:#0097ff;
        font-weight: 700;
        margin-left: 10rpx;
        height:58rpx;
      }
    }
    .content{
      font-size: 24rpx;
      color:#666;
    }
    .btn{
      display: flex;
      margin-top: 40rpx;
      button{
        border-radius: 0;
        width: 50%;
        text-align: center;
        background-color: rgba(255,255,255,0);
        color:#000;
      }
      button::after{
        border:0;
      }
      .agree{
        color:#09bb07;
        border-left:1px solid #f0f0f0;
      }
      .agree1{
        border-left:1px solid #f0f0f0;
      }
    }
  }
}